<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>左侧导航条</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	</head>
	<body>
		<div id="content">
			<div class="content_box">
				<a href="#">家用电器</a>
			</div>
			<div class="content_box">
				<a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a>
			</div>
			<div class="content_box">
				<a href="#">电脑</a>/<a href="#">办公</a>
			</div>
			<div class="content_box">
				<a href="#">家居</a>/<a href="#">家具</a>/<a href="#">家装</a>/<a href="#">厨具</a>
			</div>
			<div class="content_box">
				<a href="#">男装</a>/<a href="#">女装</a>/<a href="#">童装</a>/<a href="#">内衣</a>
			</div>
			<div class="content_box">
				<a href="#">美妆</a>/<a href="#">个护清洁</a>/<a href="#">宠物</a>
			</div>
			
		</div>
	</body>
</html>
<style type="text/css">
	body{
		color: #333333;
		font-size: 14px;
	}
	a:link{
		color: #333333;
		font-size: 14px;
	}
	a:hover{
		color: #FF0000;
	}
	a:visited{
		color: #333333;
	}
	#content{
		width: 190px;
		/* height: 470px; */
		border: 1px solid;
		padding: 10px 0;
		background-color: #FEFEFE;
	}
	.content_box{
		height: 25px;
		padding-left:18px;
		/* 垂直居中 */
		line-height: 25px;
	}
	.content_box:hover{
		background-color: #E8E8E8;
	}
</style>
